<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例 - 轮播（Carousel）插件的标题</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

		<!--<style>-->
		<!--* {-->
			<!--margin: 0;-->
			<!--padding: 0;-->
		<!--}-->

		<!--#myCarousel {-->
			<!--width: 1180px;-->
			<!--height: 500px;-->
			<!--margin: 100px auto;-->
			<!--position: relative;-->
			<!--background: red;-->
			<!--overflow: hidden;-->

		<!--}-->

		<!--#myCarousel .carousel-indicators {-->
			<!--position: absolute;-->
			<!--left: 0;-->
			<!--top: 0;-->
		<!--}-->

		<!---->

	<!--</style>-->

</head>
<body>

<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
		<li data-target="#myCarousel" data-slide-to="4"></li>
	</ol>
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="../../img/pic_3.jpg" >
		</div>
		<div class="item">
			<img src="../../img/pic_1.jpg" >
		</div>
		<div class="item">
			<img src="../../img/pic_2.jpg" >
		</div>
		<div class="item">
			<img src="../../img/pic_4.jpg" >
		</div>
		<div class="item">
			<img src="../../img/pic_5.jpg" >
		</div>
	</div>
</div>

